<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title data-vue-meta="true">Seeseed-无穷尽设计可能</title>
    <meta data-vue-meta="true" name="description" content="Seeseed-无穷尽设计可能，为设计师提供国内外最全的设计灵感、设计素材、设计工具、设计教程。"/>
    <meta data-vue-meta="true" name="keywords"
          content="设计灵感,设计素材,图片资源,设计工具,设计教程,UI设计,交互设计,导航,高清大图,字体素材,ICON素材,配色,设计师,前端,设计网站,设计网站大全"/>
    <link rel="icon" href="/favicon.png" type="image/png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- Apple WebApp config -->
    <link rel="apple-touch-icon" href="/apple-webapp-icon.png">
    <link rel="apple-touch-startup-image" href="/apple-webapp-launch.png">
    <meta name="apple-mobile-web-app-title" content="Seeseed">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">

    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    <link href="/static/css/styles.css" rel="stylesheet">
</head>
<body>
<div id="app" data-server-rendered="true" style="min-height:100%;">
    <div style="min-height:100%;" data-v-339e84a5 data-v-241f359c>
        <div id="top" data-v-53e0886a data-v-339e84a5>
            <div class="nav" data-v-53e0886a>
                <div class="btn-menu" data-v-53e0886a><i class="iconfont icon-menu" data-v-53e0886a></i></div>
                <div class="nav-logo" data-v-53e0886a><i class="iconfont icon-logo" data-v-53e0886a></i></div>
                <div class="btn-account" data-v-53e0886a><i class="iconfont icon-user" data-v-53e0886a></i><!----></div>
            </div>
        </div>
        <div id="container" data-v-339e84a5>
            <div id="side" data-v-71562512 data-v-339e84a5>
                <div class="side" data-v-71562512><a href="/" class="logo-link" data-v-71562512><i
                            class="iconfont icon-logo-slogan" data-v-71562512></i></a>
                    <div class="logo" data-v-71562512><i class="iconfont icon-logo-slogan" data-v-71562512></i></div>
                    <div class="menu" data-v-71562512>
                        <div id="menu-item-daily" class="item" data-v-71562512>
                            <a href="/hot" class="item-text zh" data-v-71562512>
                                <span class="item-icon" data-v-71562512>
                                    <i class="fa fa-bolt" data-v-71562512></i>
                                </span>
                                <span data-v-71562512>今日热点</span>
                            </a>
                        </div>
                        <div id="menu-item-pioneer" class="item" data-v-71562512>
                            <a href="/pioneer" class="item-text zh" data-v-71562512>
                                <span class="item-icon" data-v-71562512>
                                    <i class="iconfont icon-sprout" data-v-71562512></i>
                                </span>
                                <span data-v-71562512>播种者</span>
                            </a>
                        </div>
                        <div id="menu-item-like" class="item" data-v-71562512>
                            <a href="/seed" class="item-text zh" data-v-71562512>
                                <span class="item-icon" data-v-71562512>
                                    <i class="iconfont icon-seed" data-v-71562512></i>
                                </span>
                                <span data-v-71562512>我的收藏</span>
                            </a>
                        </div>
                        @foreach($cateList as $key=>$item)
                            <div id="menu-item-design" class="item cate_item" data-v-71562512>
                                <div  class="item-text router-link-exact-active router-link-active zh"
                                   data-v-71562512>
                                <span class="item-icon" data-v-71562512>
                                    <i class="iconfont icon-design" data-v-71562512></i>
                                </span>
                                    <span data-v-71562512>{{$item['name']}}</span>
                                </div>
                                <div class="item-subs" data-v-71562512 style="opacity: 0;display: none">
                                    <div class="item-subs-wrapper" data-v-71562512>
                                        <div class="positioner" data-v-71562512>
                                            <div class="nonius" style="top:0px;" data-v-71562512></div>
                                        </div>
                                        @foreach($item['list'] as $item_key=>$item_val)
                                            <div class="sub-item active" data-v-71562512  cate_id= "{{$item_val['id']}}">
                                                    {{$item_val['name']}}
                                                </div>
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="email" data-v-71562512>
                        <div class="email-text" data-v-71562512>2579552905@qq.com</div>
                    </div>
                    <div class="btn-side-close" data-v-71562512><i class="iconfont icon-menu-close" data-v-71562512></i>
                    </div>
                    <div class="btn-lang-side" data-v-71562512><i class="iconfont icon-lang" style="font-size:28px;color:#aaa;" data-v-71562512></i></div>
                    <div class="mask" data-v-71562512></div>
                </div>
            </div>
            {{--站点信息--}}
            <div class="main" data-v-339e84a5>
                <div id="header" data-v-d5bffaf0 data-v-339e84a5>
                    <div class="header" data-v-d5bffaf0>
                        <div class="row" data-v-d5bffaf0>
                            <div class="header-title" data-v-d5bffaf0>
                                <div class="header-title-icon" data-v-d5bffaf0>
                                    <i class="iconfont icon-design" data-v-d5bffaf0></i>
                                </div>
                                <h1 class="header-title-text zh" data-v-d5bffaf0>设计</h1>
                            </div>
                            <div class="header-search" data-v-d5bffaf0>
                                <div class="header-title-icon" data-v-d5bffaf0>
                                    <i class="iconfont icon-design" data-v-d5bffaf0></i>
                                </div>

                            </div>
                            <div class="btn-share" data-v-d5bffaf0>
                                <div class="icon-shadow" data-v-d5bffaf0></div>
                                <i class="iconfont icon-share-hole" data-v-d5bffaf0></i>
                                <div class="pop-wechat-code" style="display:none;" data-v-d5bffaf0>
                                    <div style="height:40px;display:flex;justify-content:center;align-items:center;"
                                         data-v-d5bffaf0>
                                        分享站点到微信
                                    </div>
                                    <img src="/static/picture/qrcode_zh.png" alt="" data-v-d5bffaf0>
                                </div>
                            </div>
                            <div class="btn-lang" data-v-d5bffaf0>
                                <div class="icon-shadow" data-v-d5bffaf0></div>
                                <a href="/en" data-v-d5bffaf0><i class="iconfont icon-lang" data-v-d5bffaf0></i></a>
                            </div>
                            <div class="btn-account" data-v-d5bffaf0>
                                <div class="btn-login" data-v-d5bffaf0>
                                    <div class="icon-shadow" data-v-d5bffaf0></div>
                                    <i class="iconfont icon-user" data-v-d5bffaf0></i>
                                </div><!---->
                            </div>
                        </div><!---->
                    </div>
                </div>
                <div class="content" data-v-339e84a5>
                    <div id="block-design" class="block block-list" data-v-339e84a5 data-v-241f359c>
                        @foreach($webList as $web)
                        <a id="section-{{$web['id']}}"  class="section" data-v-339e84a5 data-v-241f359c>
                            <div class="title" data-v-339e84a5 data-v-241f359c>
                                <div class="title-icon" data-v-339e84a5 data-v-241f359c><i class="iconfont icon-see" data-v-339e84a5 data-v-241f359c></i></div>
                                <h2 class="title-text" data-v-339e84a5 data-v-241f359c>{{$web['name']}}</h2></div>
                            <div class="list" data-v-339e84a5 data-v-241f359c>
                                <div class="card-wrapper" data-v-339e84a5 data-v-241f359c>
                                    @foreach($web["list"] as $website)
                                    <div class="card" data-v-31f669e0 data-v-241f359c>
                                        <a href="{{$website['url']}}" rel="nofollow" target="_blank" class="card-default" data-v-31f669e0>
                                            <div data-v-31f669e0>
                                                <div class="bg-img round card-icon" style="background-image:url({{$website['icon']}});width:32px;height:32px;" data-v-31f669e0></div><!---->
                                                <div class="card-main" data-v-31f669e0>
                                                    <div class="card-name" data-v-31f669e0>
                                                        {{$website['name']}}
                                                    </div>
                                                    <div style="width:100%;" data-v-31f669e0>
                                                        <div class="card-des" data-v-31f669e0> {{$website['desc']}}</div>
                                                    </div>
                                                </div>
                                            </div>
{{--                                            <div class="card-count" data-v-31f669e0>--}}
{{--                                                <div class="like" data-v-31f669e0>--}}
{{--                                                    <div class="btn-like count-symbol" data-v-31f669e0><i class="iconfont icon-seed-filled" data-v-31f669e0></i></div>--}}
{{--                                                    <span class="count-num" data-v-31f669e0></span></div>--}}
{{--                                                <div class="view" data-v-31f669e0>--}}
{{--                                                    <div class="count-symbol" data-v-31f669e0><i class="iconfont icon-eye" data-v-31f669e0></i></div>--}}
{{--                                                    <div class="count-num" data-v-31f669e0></div>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
                                        </a>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </a>
                        @endforeach
                    </div>
                </div>
                <div data-v-73ed9e96 data-v-339e84a5>
                    <footer class="footer" data-v-73ed9e96>
                        Copyright © 2019
                        <a href="https://www.seeseed.com" class="footer-link" data-v-73ed9e96>TT导航</a>
                        你想要的都在这里
                        <a href="http://www.miitbeian.gov.cn" target="_blank" class="footer-link" data-v-73ed9e96>豫ICP备20010155号</a>
                        <a href="/sitemap" target="_blank" data-v-73ed9e96>网站地图</a><!---->
                    </footer>
                </div>
            </div>
        </div>
        <div class="mask" style="display:none;" data-v-339e84a5><!----><!----><!----><!---->
            <div class="popout" style="display:none;" data-v-7997c758 data-v-339e84a5>
                <div style="position:relative;" data-v-7997c758>
                    <div class="action-left" data-v-7997c758><span
                            style="font-size:14px;color:#00a4ec;letter-spacing:0.2px;" data-v-7997c758>返回</span></div>
                    <i class="iconfont icon-menu-close btn-close" data-v-7997c758></i><h4 class="popout-title zh" data-v-7997c758>微信登录</h4>
                    <div data-v-7997c758>
                        <div id="code-container" style="margin:0 0 0 -14px;width:300px;height:260px;" data-v-7997c758></div>
                    </div>
                </div>
            </div>
            <div class="popout" style="display:none;" data-v-7997c758 data-v-339e84a5>
                <div style="position:relative;" data-v-7997c758>
                    <div class="action-left" data-v-7997c758></div>
                    <i class="iconfont icon-menu-close btn-close" data-v-7997c758></i><h4 class="popout-title zh" data-v-7997c758>微信注册</h4>
                    <div data-v-7997c758>
                        <div data-v-7997c758>
                            <div class="invisible">
                                <div class="form-error-tip"><i class="iconfont icon-error" style="margin-right:6px;color:#eb5356;font-size:12px;"></i><span></span>
                                </div>
                            </div>
                            <div style="margin-top:4px;" data-v-7997c758>
                             <div style="margin:auto;width:48px;height:48px;border-radius:50%;background-size:cover;background:position:center;background-image:url(/static/images/54810c49c724458e955d72fbf01b2f85.gif);" data-v-7997c758></div>
                            </div>
                            <div style="margin-top:20px;" data-v-7997c758><input type="text" placeholder="昵称" style="width:100%;text-align:center;" data-v-7997c758></div>
                            <div style="margin-top:12px;" data-v-7997c758>
                                <button style="width:100%;height:34px;" data-v-7997c758>确认注册</button>
                            </div>
                            <div style="margin-top:12px;" data-v-7997c758>
                                <button class="btn-secondary" style="width:100%;height:34px;" data-v-7997c758>
                                    已有手机账号？绑定并登录
                                </button>
                            </div>
                        </div><!---->
                    </div>
                </div>
            </div><!----><!----><!----><!---->
        </div>
    </div>
    <a href="https://wj.qq.com/s/1192954/3795" target="_blank" class="survey-entry"><i class="iconfont icon-survey"></i></a>
</div>
<script src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>
<script>
    $(function(){
        //
        $(".cate_item .item-text").click(function () {
            if( $(this).parent().find('.item-subs').css("display") == 'block'){
                $(this).parent().find('.item-subs').css("display", 'none');
                $(this).parent().find('.item-subs').css("opacity", 0);
                $(this).parent().find('.item-subs .positioner').css("opacity", 0);
            }else{
                $(this).parent().find('.item-subs').css("display", 'block');
                $(this).parent().find('.item-subs').css("opacity", 1);
                $(this).parent().find('.item-subs .positioner').css("opacity", 1);
            }
        });

        //页面滑动
        $('#menu-item-design .sub-item').click(function(){
            var cate_id = $(this).attr('cate_id');
            $('html,body').animate({scrollTop: $('#section-'+cate_id).offset().top}, 500);
            var eq =  $(this).index();
            $(this).parent().find('.nonius').animate({top:(eq-1)*40+'px'},200);
            //$(this).parent().find('.nonius').css('top','400px');
        })
    })


</script>
</body>
</html>
